<template>
  <div class="footer">
    <div class="footer-logo">
      <img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt="">
      <p>小米商城</p>
    </div>
    <div class="footer-link">
      <a href="#">小米商城</a><span>|</span>
      <a href="#">MIUI</a><span>|</span>
      <a href="#">米家</a><span>|</span>
      <a href="#">米聊</a><span>|</span>
      <a href="#">多看</a><span>|</span>
      <a href="#">游戏</a><span>|</span>
      <a href="#">政企服务</a><span>|</span>
      <a href="#">小米集团私隐政策</a>
      
      <div class="copyright">Copyright ©2020 <span class="domain">mi.futurefe.com</span> All Rights Reserved.</div>
    </div>
  </div>
</template>

<script>
  export default {
    name:'nav-footer',
  }
</script>

<style lang="scss" scoped>

.footer{
  height: 234px;
  border-top: 4px solid #ff6600;
  background-color: #333333;
  color: #999999;
  font-size: 16px;
  text-align: center;
  .footer-logo{
    margin-top:24px ;
    margin-bottom: 20px;
    img{
      width: 53px;
      height: auto;
      margin-bottom: 13px;
    }
  }
  .footer-link{
    a{
      color: #999999;
      display: inline-block;
    }
    span{
      margin: 0 4px;
    }
    margin-bottom: 13px
  }
  .copyright{
    margin-top: 10px;
    .domain{
      color: #ff6600;
    }
  }
}

</style>